import React from 'react'
import { Router, IndexRoute, Route, hashHistory, browserHistory } from 'react-router'
import { Provider } from 'react-redux'
import { render } from 'react-dom'
import configure from './store'
//import App from './containers/app'
import App from './containers/onboarding/staff/App'

import OnboardingStaff from './containers/onboarding/OnboardingStaff'
import Welcome from './containers/onboarding/staff/Welcome'
import Read from './containers/onboarding/staff/Read'
import Complete from './containers/onboarding/staff/Complete'
import Fill from './containers/onboarding/staff/Fill'
import Invalid from './containers/invalid'

const store = configure()

render(
  <Provider store={store}>
    <Router history={hashHistory}>
      <Route path="/" component={App}>
        <Route path="invalid" component={Invalid} />
        <Route path="onboarding" component={OnboardingStaff}>
          <Route path="staff">
            <Route path="welcome" component={Welcome}/>
            <Route path="fill" component={Fill}/>
            <Route path="read" component={Read}/>
            <Route path="complete" component={Complete}/>
          </Route>
        </Route>
      </Route>
    </Router>
  </Provider>,
  document.getElementById('root')
)
